<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Bares</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="css/obardavez.css" type="text/css" rel="stylesheet" />
		<link media="screen" type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script>
		<script src="scripts/jquery.easing.min.js" type="text/javascript"></script>
		<script src="scripts/jquery.lavalamp.min.js" type="text/javascript"></script>
		<script src="scripts/js.js" type="text/javascript"></script>
		<script type="text/javascript" language="javascript" src="scripts/modal-window.min.js"></script>
		<script src="scripts/jquery.maskedinput.js" type="text/javascript"></script>
		<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" ></script>
		<script type="text/javascript" language="JavaScript"  src="scripts/jquery.i18n.properties-1.0.9.js"></script>
		<script type="text/javascript" src="scripts/init.js"></script>
		<script type="text/javascript" src="scripts/historia.js"></script>
		<script type="text/javascript" src="scripts/angular-1.0.1.min.js"></script>
	</head>
	<body ng-app ng-controller="HistoriaCtrl">
	
		<div ng-include="'topo.html'"></div>
		
		<div class="centercolumn">
			<div class="bar-header">
				<div class="obardavez-form">
					<section>
						<div class="title">
							<h3>Histórias Contadas </h3>
							
							<div class="title2">
								<ol class="commentlist clearfix" id="post-comments" ng-repeat="un in historias">
									 <li class="comment even thread-even depth-1">
										<div class="comment-body clearfix" id="comment-23">
											<div class="avatar">
												<img width="50" height="50" 
													src="images/avatar.png"
													alt=""/>
											</div>
											<div class="comment-text">
												<div class="author">
													<span><a class="url" rel="external nofollow"
														href="http://Website">{{un.apelido}}</a>
													</span>
													<div class="date">
														Aconteceu no: {{un.local}} 
													</div>
												</div>
												<div class="text">
													{{un.historia}}
												</div>
		
											</div>
										</div>
								     </li>
								</ol>
								
							
							</div>
							
						</div>
					</section>
				</div>
						
				<div class="obardavez-form">
					<form id="historiaForm" >
						<section>
							<div class="title">
							  <h3>Conte sua história</h3>
							  <p>
								Aqueles que frequentam bares, restaurantes, pizzarias, 
								muitas vezes passam por momentos marcantes e/ou inusitados. 
								E você, já passou por momentos assim? Compartilhe conosco 
								o que de mais interessante aconteceu com você. Conte-nos sua história!!! 
								Ah, não se esqueça dos detalhes hein!!!
							  </p>
							  
							</div>
							   <div class="fields-container">
								  <div class="grid-half-left">
										<div class="field nome">
										  <label>Nome</label>
										  <input ng-model="unidade.nome" name="nome" placeholder="Com quem aconteceu a história (Nome Completo)" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <div class="grid-half-right">
										<div class="field email">
										  <label>E-mail</label>
										  <input ng-model="unidade.email" name="email" placeholder="email@provedor.com" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <br clear="all" />
								  
								  <div class="grid-half-left">
										<div class="field apelido">
										  <label>Apelido</label>
										  <input ng-model="unidade.apelido" name="apelido" placeholder="Seu apelido (como deseja ser identificado)" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <div class="grid-half-right">
										<div class="field local">
										  <label>Local</label>
										  <input ng-model="unidade.local" name="local" placeholder="Onde aconteceu a história" size="30" type="text" value=""/>
										</div>
								  </div>
								  
								  <br clear="all" />
								  
								  <div class="grid-full">
										<div class="field historia">
										  <label>História</label>
										  <textarea ng-model="unidade.historia" name="historia" placeholder="Descrição da história" size="30" type="text" value="">
										  </textarea>
										</div>
								  </div>
								  
								  <p></p>													  
								  <input class="button" type="submit"  name="saveHistoria" ng-click="salvar()" value="Enviar" />
								</div>
						</section>
					</form>					
				 </div>
			</div>
		</div>
		
		<div ng-include="'footer.html'"></div>
		
	</body>
</html>